@extends('main.layout')

@section('link')
    <title>案例参考-艺点意创-品牌顾问,创意设计,传播执行,线上最大品牌创意整合机构</title>
    <meta content="品牌管理,全案策划,logo设计,UI设计,SI设计,工业设计,景观设计,包装设计,网站建设,物料印刷" name='Keywords'>
    <meta content="艺点意创是中国线上最大的品牌创意整合机构，是国内最优秀的LOGO设计、品牌管理全案与标志VI设计公司之一，先后服务宗申、冬奥会、故宫、蒙牛、乌镇、猪八戒等超过5万家企业，是CCTV唯一报道的线上创意服务商。" name='Description'>
    <link rel="stylesheet" type="text/css" href="/css/home/case.css"/>
    {{--<script src="/js/home/y_script.js" type="text/javascript" charset="utf-8"></script>--}}
    <script src="/js/home/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/js/home/y_script.js" type="text/javascript" charset="utf-8"></script>

    <script src="/js/home/masonry.pkgd.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/js/home/imagesloaded.pkgd.min.js" type="text/javascript" charset="utf-8"></script>
    <script>
        $(function(){
            if('{{$type}}' || '{{$service}}' || '{{$industry}}' || '{{$keyword}}' || '{{$page}}' > 1){
                var _url = window.location.href;
                var _u = _url.substr(_url.length-5);
                if(_u != '#tips'){
                    location.replace(location+'#tips');
                }
                $("html,body").animate({"scrollTop": "1000px"}, 1000);
            }
        });
    </script>
@endsection
@section('content')
        <!--beginning of y_aboutPage-->
        <div id="y_bodyCasePage">
            <div id="y_caseBlock1">
                <img src="/image/home/y_caseb1t1.jpg"/>
            </div>

            <div id="y_caseBlock2">
                <div id="y_caseBlock2Box">
                    <a target="_blank" href="/case/detail/29">
                        <div class="y_caseB2Boxs">
                            <div class="y_caseB2Boxgai">
                                <div class="y_caseB2Boxgaia">
                                    <p class="y_cb2boxgaiaa">冬奥会画册</p>
                                    <p class="y_cb2boxgaiab">画册/折页设计</p>
                                </div>
                                <div class="y_caseB2Boxgaia">
                                    <span class="y_cb2boxgaiac">查看更多</span>
                                    <img src="/image/home/y_casexiaojiantou.png"/>
                                </div>
                            </div>
                            <img src="/image/home/1.jpg"/>
                        </div>
                    </a>
                    <a target="_blank" href="/case/detail/96">
                        <div class="y_caseB2Boxs">
                            <div class="y_caseB2Boxgai">
                                <div class="y_caseB2Boxgaia">
                                    <p class="y_cb2boxgaiaa">蒙牛母婴旗舰店</p>
                                    <p class="y_cb2boxgaiab">电商网店设计</p>
                                </div>
                                <div class="y_caseB2Boxgaia">
                                    <span class="y_cb2boxgaiac">查看更多</span>
                                    <img src="/image/home/y_casexiaojiantou.png"/>
                                </div>
                            </div>
                            <img src="/image/home/2.jpg"/>
                        </div>
                    </a>
                    <a target="_blank" href="/case/detail/75">
                        <div class="y_caseB2Boxs">
                            <div class="y_caseB2Boxgai">
                                <div class="y_caseB2Boxgaia">
                                    <p class="y_cb2boxgaiaa">三只松鼠</p>
                                    <p class="y_cb2boxgaiab">电商网店设计</p>
                                </div>
                                <div class="y_caseB2Boxgaia">
                                    <span class="y_cb2boxgaiac">查看更多</span>
                                    <img src="/image/home/y_casexiaojiantou.png"/>
                                </div>
                            </div>
                            <img src="/image/home/3.jpg"/>
                        </div>
                    </a>
                    <a target="_blank" href="/case/detail/17">
                        <div class="y_caseB2Boxs">
                            <div class="y_caseB2Boxgai">
                                <div class="y_caseB2Boxgaia">
                                    <p class="y_cb2boxgaiaa">乌镇全案品牌形象建设</p>
                                    <p class="y_cb2boxgaiab">电商网店设计</p>
                                </div>
                                <div class="y_caseB2Boxgaia">
                                    <span class="y_cb2boxgaiac">查看更多</span>
                                    <img src="/image/home/y_casexiaojiantou.png"/>
                                </div>
                            </div>
                            <img src="/image/home/4.jpg"/>
                        </div>
                    </a>
                    <a target="_blank" href="/case/detail/9">
                        <div class="y_caseB2Boxs">
                            <div class="y_caseB2Boxgai">
                                <div class="y_caseB2Boxgaia">
                                    <p class="y_cb2boxgaiaa">完达山酸奶饮品</p>
                                    <p class="y_cb2boxgaiab">产品包装设计</p>
                                </div>
                                <div class="y_caseB2Boxgaia">
                                    <span class="y_cb2boxgaiac">查看更多</span>
                                    <img src="/image/home/y_casexiaojiantou.png"/>
                                </div>
                            </div>
                            <img src="/image/home/5.jpg"/>
                        </div>
                    </a>
                    <a target="_blank" href="/case/detail/31">
                        <div class="y_caseB2Boxs">
                            <div class="y_caseB2Boxgai">
                                <div class="y_caseB2Boxgaia">
                                    <p class="y_cb2boxgaiaa">海信画册</p>
                                    <p class="y_cb2boxgaiab">画册/折页设计</p>
                                </div>
                                <div class="y_caseB2Boxgaia">
                                    <span class="y_cb2boxgaiac">查看更多</span>
                                    <img src="/image/home/y_casexiaojiantou.png"/>
                                </div>
                            </div>
                            <img src="/image/home/6.jpg"/>
                        </div>
                    </a>
                    <a target="_blank" href="/case/detail/78">
                        <div class="y_caseB2Boxs">
                            <div class="y_caseB2Boxgai">
                                <div class="y_caseB2Boxgaia">
                                    <p class="y_cb2boxgaiaa">御泥坊</p>
                                    <p class="y_cb2boxgaiab">电商单品详情页设计</p>
                                </div>
                                <div class="y_caseB2Boxgaia">
                                    <span class="y_cb2boxgaiac">查看更多</span>
                                    <img src="/image/home/y_casexiaojiantou.png"/>
                                </div>
                            </div>
                            <img src="/image/home/7.jpg"/>
                        </div>
                    </a>
                    <a target="_blank" href="/case/detail/12">
                        <div class="y_caseB2Boxs">
                            <div class="y_caseB2Boxgai">
                                <div class="y_caseB2Boxgaia">
                                    <p class="y_cb2boxgaiaa">猪八戒形象设计</p>
                                    <p class="y_cb2boxgaiab">全套VI系统设计</p>
                                </div>
                                <div class="y_caseB2Boxgaia">
                                    <span class="y_cb2boxgaiac">查看更多</span>
                                    <img src="/image/home/y_casexiaojiantou.png"/>
                                </div>
                            </div>
                            <img src="/image/home/8.jpg"/>
                        </div>
                    </a>
                    <a target="_blank" href="/case/detail/135">
                        <div class="y_caseB2Boxs">
                            <div class="y_caseB2Boxgai">
                                <div class="y_caseB2Boxgaia">
                                    <p class="y_cb2boxgaiaa">奇虎360</p>
                                    <p class="y_cb2boxgaiab">画册/折页设计</p>
                                </div>
                                <div class="y_caseB2Boxgaia">
                                    <span class="y_cb2boxgaiac">查看更多</span>
                                    <img src="/image/home/y_casexiaojiantou.png"/>
                                </div>
                            </div>
                            <img src="/image/home/9.jpg"/>
                        </div>
                    </a>
                    <a target="_blank" href="/case/detail/8">
                        <div class="y_caseB2Boxs">
                            <div class="y_caseB2Boxgai">
                                <div class="y_caseB2Boxgaia">
                                    <p class="y_cb2boxgaiaa">仁和药业</p>
                                    <p class="y_cb2boxgaiab">产品包装设计</p>
                                </div>
                                <div class="y_caseB2Boxgaia">
                                    <span class="y_cb2boxgaiac">查看更多</span>
                                    <img src="/image/home/y_casexiaojiantou.png"/>
                                </div>
                            </div>
                            <img src="/image/home/10.jpg"/>
                        </div>
                    </a>
                    <a target="_blank" href="/case/detail/33">
                        <div class="y_caseB2Boxs">
                            <div class="y_caseB2Boxgai">
                                <div class="y_caseB2Boxgaia">
                                    <p class="y_cb2boxgaiaa">新京报</p>
                                    <p class="y_cb2boxgaiab">创意海报设计</p>
                                </div>
                                <div class="y_caseB2Boxgaia">
                                    <span class="y_cb2boxgaiac">查看更多</span>
                                    <img src="/image/home/y_casexiaojiantou.png"/>
                                </div>
                            </div>
                            <img src="/image/home/11.jpg"/>
                        </div>
                    </a>
                    <a target="_blank" href="/case/detail/97">
                        <div class="y_caseB2Boxs">
                            <div class="y_caseB2Boxgai">
                                <div class="y_caseB2Boxgaia">
                                    <p class="y_cb2boxgaiaa">柏芙采</p>
                                    <p class="y_cb2boxgaiab">LOGO设计</p>
                                </div>
                                <div class="y_caseB2Boxgaia">
                                    <span class="y_cb2boxgaiac">查看更多</span>
                                    <img src="/image/home/y_casexiaojiantou.png"/>
                                </div>
                            </div>
                            <img src="/image/home/12.jpg"/>
                        </div>
                    </a>
                    <a target="_blank" href="/case/detail/136">
                        <div class="y_caseB2Boxs">
                            <div class="y_caseB2Boxgai">
                                <div class="y_caseB2Boxgaia">
                                    <p class="y_cb2boxgaiaa">阿芙精油</p>
                                    <p class="y_cb2boxgaiab">电商单品详情页设计</p>
                                </div>
                                <div class="y_caseB2Boxgaia">
                                    <span class="y_cb2boxgaiac">查看更多</span>
                                    <img src="/image/home/y_casexiaojiantou.png"/>
                                </div>
                            </div>
                            <img src="/image/home/13.jpg"/>
                        </div>
                    </a>
                    <a target="_blank" href="/case/detail/14">
                        <div class="y_caseB2Boxs">
                            <div class="y_caseB2Boxgai">
                                <div class="y_caseB2Boxgaia">
                                    <p class="y_cb2boxgaiaa">哏都烈</p>
                                    <p class="y_cb2boxgaiab">产品包装设计</p>
                                </div>
                                <div class="y_caseB2Boxgaia">
                                    <span class="y_cb2boxgaiac">查看更多</span>
                                    <img src="/image/home/y_casexiaojiantou.png"/>
                                </div>
                            </div>
                            <img src="/image/home/14.jpg"/>
                        </div>
                    </a>
                    <a target="_blank" href="/case/detail/113">
                        <div class="y_caseB2Boxs">
                            <div class="y_caseB2Boxgai">
                                <div class="y_caseB2Boxgaia">
                                    <p class="y_cb2boxgaiaa">牛师傅</p>
                                    <p class="y_cb2boxgaiab">LOGO设计</p>
                                </div>
                                <div class="y_caseB2Boxgaia">
                                    <span class="y_cb2boxgaiac">查看更多</span>
                                    <img src="/image/home/y_casexiaojiantou.png"/>
                                </div>
                            </div>
                            <img src="/image/home/15.jpg"/>
                        </div>
                    </a>
                    <div class="clear"></div>
                </div>
            </div>
            <a name="tips">
                <div id="y_caseBlock3">
                    <div id="y_caseBlock3Part1">
                        <div class="y_caseB3P1Row1" id="y_caseB3P1Row1id">
                            <div class="y_caseB3P1R1aa">
                                <p>服务类型</p>
                            </div>
                            <div class="y_caseB3P1R1b">
                                <ul>
                                    <li class="y_cassB3P1TextNo1">品牌管理</li>
                                    @foreach($category[0]['son'] as $k=>$v)
                                        <li><a href="/case?type={{$v['id']}}" @if($v['id'] == $type) style="color: #FF5A00" @endif>{{$v['name']}}</a></li>
                                    @endforeach
                                    <li class="clear"></li>
                                </ul>
                            </div>
                            <div class="y_caseB3P1R1c">
                                <ul>
                                    <li class="y_cassB3P1TextNo1">创意设计</li>
                                    @foreach($category[1]['son'] as $k=>$v)
                                        <li>
                                            <a href="/case?type={{$v['id']}}" @if($v['id'] == $type) style="color: #FF5A00" @endif>
                                            {{--<a href="/case?type={{$v['id']}}" @if($v['id'] == $type) style="color: #FF5A00" @elseif((!$type || !$service || !$industry || $keyword) && $v['name']=='品牌平面设计') style="color: #FF5A00" @endif>--}}
                                                {{$v['name']}}
                                            </a>
                                        </li>
                                    @endforeach
                                    <li class="clear"></li>
                                </ul>
                            </div>
                            <div class="y_caseB3P1R1c">
                                <ul>
                                    <li class="y_cassB3P1TextNo1">传播执行</li>
                                    @foreach($category[2]['son'] as $k=>$v)
                                        <li><a href="/case?type={{$v['id']}}" @if($v['id'] == $type) style="color: #FF5A00" @endif>{{$v['name']}}</a></li>
                                    @endforeach
                                    <li class="clear"></li>
                                </ul>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="clear"></div>

                        <div class="y_caseB3P1Row2">
                            <div class="y_caseB3P1R2a">
                                <p>服务项目</p>
                            </div>
                            <div class="y_caseB3P1R2b" id="y_caseB1P1R2bid">
                                <ul style="display: block">
                                    @if(!empty($three))
                                        @foreach($three as $k=>$v)
                                            <li><a href="/case?type={{$type}}&service={{$v['id']}}" @if($v['id'] == $service) style="color: #FF5A00" @endif>{{$v['name']}}</a></li>
                                        @endforeach
                                    @else
                                        @foreach($default as $k=>$v)
                                            <li><a href="/case?type={{$type}}&service={{$v['id']}}" @if($v['id'] == $service) style="color: #FF5A00" @endif>{{$v['name']}}</a></li>
                                        @endforeach
                                    @endif
                                    <li class="clear"></li>
                                </ul>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="clear"></div>

                        <div class="y_caseB3P1Row1" style="border-bottom: 1px solid #999">
                            <div class="y_caseB3P1R1a y_caseB3P1RowBottom">
                                <p>行业类型</p>
                            </div>
                            <div class="y_caseB3P1R1b" style="border-bottom: 1px solid #999">
                                <ul>
                                    <li><a href="/case">全部行业</a></li>
                                    @foreach($industrys as $v)
                                        <li><a href="/case?type={{$type}}&service={{$service}}&industry={{$v->id}}" @if($v['id'] == $industry) style="color: #FF5A00" @endif>{{$v->name}}</a></li>
                                    @endforeach
                                    <li class="clear"></li>
                                </ul>
                            </div>
                            {{--<div class="y_caseB3P1R1b" style="border-bottom: 1px solid #444"></div>--}}
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div id="y_caseBlock3Part2">
                        <div id="y_caseB3P2k1">
                            <p>案例展示</p>
                        </div>
                        <div id="y_caseB3P2k2">
                            <form href="/case" type="get">
                                <input type="text" name="keyword"/>
                                <button id="y_caseB3P2k2btn" type="submit">
                                    搜索
                                </button>
                            </form>

                        </div>
                    {{--<div id="y_caseB3P2k2right1">--}}
                    {{--<a href="/case?page={{$case->currentPage()-1}}"><img src="/image/home/y_casePaget1.jpg"/></a>--}}
                    {{--<a href="{{$case->nextPageUrl()}}"><img src="/image/home/y_casePaget2.jpg"/></a>--}}
                    {{--</div>--}}
                    {{--<div id="y_caseB3P2k2right">--}}
                    {{--<span>{{$page}}-{{ceil($count/$take)}}</span>--}}
                    {{--</div>--}}
                    <!--</div>-->
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                    <div id="y_caseBlock3Part3">
                        <!--瀑布开始-->
                        <div class="pro">
                            <div id="masonry" class="pro_content">
                                @foreach($case as $v)
                                    <div class="pro_content_img">
                                        <!-- 接脚本 -->
                                        <a target="_blank" href="/case/detail/{{$v->id}}">
                                            <img src="http://vipyipoint.oss-cn-beijing.aliyuncs.com/{{$v->cover}}" />
                                        </a>
                                        <h4 class="y_buding1">{{$v->name}}</h4>
                                        <p>{{$v->brief}}</p>
                                        {{--<a href="/case/detail/{{$v->id}}">--}}
                                        <div class="y_buding2">
                                            <span>
                                            <a href="/case/detail/{{$v->id}}" style="color:#444">查看更多</a>
                                            </span>
                                            <img src="/image/home/y_budingt1.jpg"/>
                                            &nbsp;
                                        </div>
                                        {{--</a>--}}
                                    </div>
                                @endforeach
                                <div class="clear"></div>
                                <div class="clear"></div>
                                <script type="text/javascript">
                                    var $container; // 瀑布流容器
                                    var $page = 1; // 当前分页
                                    var $loading = false; // 是否正在加载
                                    var $last = false;  // 是否全部加载
                                    var $testNum = 0;
                                    $(function() {
                                        $container = $('#masonry');
                                        $container.imagesLoaded(function() {
                                            $container.masonry({
                                                itemSelector: '.pro_content_img',
                                                gutter: 0, // 内容间距 10px
                                                isAnimated: true, // 改变窗口宽度时打开动画
                                            });
                                        });
                                    });
                                    function appendItem() {console.log($testNum++);
                                        var $item = $('<div class="pro_content_img"><img src="image/1.jpg"></div><div class="pro_content_img"><img src="image/1.jpg"></div><div class="pro_content_img"><img src="image/1.jpg"></div>');
                                        //新元素添加到瀑布流容器
                                        $container.append($item);
                                        $item.imagesLoaded(function() {
                                            //调用瀑布流布局的appended方法
                                            $container.masonry('appended',  $item);
                                        });
                                        $page++;
                                        $(".loading").css("display", "none");
                                        $loading = false;
                                    }
                                    function randEffect() {
                                        var i = Math.ceil(Math.random() * 10);
                                        if (i == 0) {
                                            i = 1;
                                        }
                                        switch (i) {
                                            case 1:
                                                return 'fade-up';
                                                break;
                                            case 2:
                                                return 'fade-down';
                                                break;
                                            case 3:
                                                return 'fade-left';
                                                break;
                                            case 4:
                                                return 'fade-right';
                                            case 5:
                                                return 'flip-up';
                                                break;
                                            case 6:
                                                return 'flip-down';
                                                break;
                                            case 7:
                                                return 'flip-left';
                                                break;
                                            case 8:
                                                return 'flip-right';
                                                break;
                                            case 9:
                                                return 'slide-up';
                                                break;
                                        }
                                    }
                                </script>
                            </div>
                        </div>


                        <!--瀑布结束-->
                        <div id="y_casePageFenye">
                            <div style="text-align: center;width: auto; display: inline-block;">
                                {{$case->appends([
                                    'type'=>$type,
                                    'service'=>$service,
                                    'industry'=>$industry,
                                    'keyword'=>$keyword
                                ])->links()}}
                            </div>
                            @if(ceil($count/$take) >= $page && ceil($count/$take) > 1)
                                <div id="y_casePageFenyeb" style="width: auto; display: inline-block;">
                                    <form href="/case" type="get">
                                        <div class="y_casefenyaa">
                                            跳到第
                                        </div>
                                        <input class="y_casePFenyebtn1" type="text" name="page"/>
                                        <div class="y_casefenybb">
                                            页
                                        </div>
                                        <button class="y_casePFenyebtn2">
                                            GO
                                        </button>
                                    </form>

                                </div>
                            @endif
                            <div class="clear"></div>
                        </div>
                    </div>

                </div>
            </a>



            <div id="y_caseBlock4">
                <div class="y_container1">

                    <div class="y_part">
                        <!--<div class="h_part1">
                            留白
                        </div>-->
                        <div class="y_box1">
                            <div class="y_box_title">TELEPHONE</div>
                            <div class="y_box_sub">Counseling</div>
                            <div class="y_box_content">电话咨询</div>
                            <div class="y_box_left">
                                <div class="y_box_people"><img src="/image/home/h_img5.png"></div>
                                <div class="y_box_text">别再犹豫，立即致电</div>
                                <div class="y_box_number">400-688-1314</div>
                                <div class="y_box_time">周一至周日（09:00 — 21:00）</div>
                                {{--<div class="y_box_time">周六至周日（09:00 —— 18:00）</div>--}}
                            </div>
                        </div>
                        <div class="y_box1">
                            <div class="y_box_title2">ONLINE</div>
                            <div class="y_box_sub2">Consulting</div>
                            <div class="y_box_content2">在线咨询</div>
                            <div class="y_box_righ">
                                <div class="y_box_people2"><img src="/image/home/h_img4.png"></div>
                                <div class="y_box_text">项目顾问 - 立即沟通</div>
                                <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=2880644294&amp;site=qq&amp;menu=yes" target="_blank"><div class="h_button">点击咨询</div></a>
                                {{--<div class="y_box_p">立刻获得专业建议</div>--}}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <!--end of y_casePageNeirong___________________________________________________end of y_casePageNeirong-->
        </div>
        <!--end of y_aboutPage-->
@endsection